<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/icons-extra.css" />
 		<script type="text/javascript" src="js/mui.min.js" ></script>

	

	<style>
		.Class-A{
	line-height: 38px;
    display: table-cell;
    overflow: hidden;
    width: 1%;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
   color: #007aff;
		}
			h5{
		        padding-top: 3px;
		        padding-bottom: 8px;
		        text-indent: 12px;
		        }
		    .mui-card-footer:before{    
           height: 0px; 
            }
.tdStyleTwo{
	width:40%;
	color: #000000;
	font-weight:700;
	font-size:13px;
	padding-left:5px;
}
.tdStyleThr{
	width:20%;
	text-align: right;
	
}
.btn-DOCK{
	line-height: 1.62;
	border-radius:13px;
	padding:0px 10px 0px 10px;
	margin-top: 10px;
	font-size: 12px; 
	font-weight: 700;
	box-shadow: 0 2px 3px rgba(0,0,1,.3);
}
.mui-btn:enabled:active, button.mui-active:enabled, button:enabled:active{background-color: #fff; */}
body  .mui-content{
 background-color:#fff;
}

		</STYLE>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的订单</h1>
		</header>
		<div class="mui-content">
		     <div style="padding: 15px 0px;">
				<div  class="mui-segmented-control" style="border: 0px;">
					<a class="Class-A" href="">  
						<span class="mui-icon-extra mui-icon-extra-express">
						<div class="mui-media-body" style="font-size:10px;color:#000000;padding-top: 5px;">待发货</div>
						</span>
					</a>
					<a class="Class-A" href="">  
						<span class="mui-icon-extra mui-icon-extra-comment">
						<div class="mui-media-body" style="font-size:10px;color:#000000;padding-top: 5px;">待评价</div>
						</span>
					</a>
					<a class="Class-A" href="">  
						<span class="mui-icon-extra mui-icon-extra-prech">
						<div class="mui-media-body" style="font-size:10px;color:#000000;padding-top: 5px;">待付款</div>
						</span>
					</a>
					<a class="Class-A" href="">  
						<span class="mui-icon-extra mui-icon-extra-topic">
						<div class="mui-media-body" style="font-size:10px;color:#000000;padding-top: 5px;">已完成</div>
						</span>
					</a>
					<a class="Class-A" href="">  
						<span class="mui-icon-extra mui-icon-extra-order">
						<div class="mui-media-body" style="font-size:10px;color:#000000;padding-top: 5px;">全部订单</div>
						</span>
					</a>
				</div>
			</div>

			   <h5 style="background-color:#fff;color:#000000;font-weight: 700;">最近订单</h5>
			   <div class="mui-card" style="border-radius: 17PX;">
				<div class="mui-card-header mui-card-media">
				
					<img src="images/pd-001.jpg"style="border-radius: 20px;">
					<div class="mui-media-body">
							<a href="" class="mui-navigate-right">
								<p style="line-height: 30px;color: #000000;font-weight: 700;">禾急服装店（银基店）</p>
							</a>
						
					</div>
					
				</div>
				<div class="mui-card-content mui-media">
						<table style="table-layout:fixed;width:95%;margin: 0 auto;margin-top: 5px;">
							<TR style="width: 100%;">
								<TD rowspan="4" style="width:20%;">
									<img  style="width:100%;border-radius:13px;" src="images/pd-003.jpg">
								</TD>
								
								<TD class="tdStyleTwo mui-ellipsis">
									要我建高楼大厦建高楼大厦高楼要我建高楼大厦建高楼大厦高楼
								</TD>
								<TD class="tdStyleThr">￥:999.00</TD>
							</TR>
							<TR>
								<TD class="tdStyleTwo">黑色+红色;M</TD>
								<TD class="tdStyleThr">x1</TD>
							</TR>
						<TR>
							<TD class="tdStyleTwo">
									<span style="padding: 3px; background-color: red;font-size: 10PX;border-radius:13px;">包邮</span>
									<span style="padding: 3px; background-color: green;font-size: 10PX;border-radius:13px;">包邮</span>
									<span style="padding: 3px; background-color: yellow;font-size: 10PX;border-radius:13px;">包邮</span>
							</TD>
								<TD class="tdStyleThr" style="color: red;font:400">已完成</TD>
							</TR>
						
							
						</table>
				

				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link"></a>
				
					<a class="mui-card-link">
						<button type="button" class="mui-btn mui-btn-block btn-DOCK" >
							再来一单
						</button>
					</a>
				</div>
			</div>
			   <div class="mui-card" style="border-radius: 17PX;">
				<div class="mui-card-header mui-card-media">
				
					<img src="img/touxiang.jpg"style="border-radius: 20px;">
					<div class="mui-media-body">
							<a href="" class="mui-navigate-right">
								<p style="line-height: 30px;color: #000000;font-weight: 700;">禾急服装店（银基店）</p>
							</a>
						
					</div>
					
				</div>
				<div class="mui-card-content mui-media">
						<table style="table-layout:fixed;width:95%;margin: 0 auto;margin-top: 5px;">
							<TR style="width: 100%;">
								<TD rowspan="4" style="width:20%;">
									<img  style="width:100%;border-radius:13px;" src="images/pd-007.jpg">
								</TD>
								
								<TD class="tdStyleTwo mui-ellipsis">
									要我建高楼大厦建高楼大厦高楼要我建高楼大厦建高楼大厦高楼
								</TD>
								<TD class="tdStyleThr">￥:999.00</TD>
							</TR>
							<TR>
								<TD class="tdStyleTwo">黑色+红色;M</TD>
								<TD class="tdStyleThr">x1</TD>
							</TR>
						<TR>
							<TD class="tdStyleTwo">
									<span style="padding: 3px; background-color: red;font-size: 10PX;border-radius:13px;">包邮</span>
									<span style="padding: 3px; background-color: green;font-size: 10PX;border-radius:13px;">包邮</span>
									<span style="padding: 3px; background-color: yellow;font-size: 10PX;border-radius:13px;">包邮</span>
							</TD>
								<TD class="tdStyleThr" style="color: red;font:400">已完成</TD>
							</TR>
						
							
						</table>
				

				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link"></a>
				
					<a class="mui-card-link">
						<button type="button" class="mui-btn mui-btn-block btn-DOCK" >
							再来一单
						</button>
					</a>
				</div>
			</div>
               <button type="button" class="mui-btn mui-btn-block " style="line-height: 1.62;padding:0px 10px 0px 10px;border-radius:13px;font-size: 12px; font-weight: 700; border: 0px;color: blue;">
	            <a>全部订单</a><span class="mui-icon mui-icon-arrowthinright"></span>
               </button>
             
	          <h5 style="background-color:#fff;color:#000000;font-weight: 700;">最近浏览</h5>
	        
				<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="images/null.png">
						<div class="mui-media-body">
							无
							<p class="mui-ellipsis" >
								
								<span class="mui-icon mui-icon-star" style="font-size:15px;background-color:yellow;"></span>
								<span class="mui-icon mui-icon-star" style="font-size:15px;color:yellow;"></span>
								<span class="mui-icon mui-icon-star" style="font-size:15px;color:yellow;"></span>
							</p>
						</div>
						<span class="mui-badge mui-badge-primary">0.4km</span>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="images/null.png">
						<div class="mui-media-body">
							无
							<p class="mui-ellipsis" >
								<span class="mui-icon mui-icon-star" style="font-size:15px;color:yellow;"></span>
									<span class="mui-icon mui-icon-star" style="font-size:15px;background-color:yellow;"></span>
								<span class="mui-icon mui-icon-star" style="font-size:15px;color:yellow;"></span>
							
							</p>
						</div>
						<span class="mui-badge mui-badge-primary">2.4km</span>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="images/null.png">
						<div class="mui-media-body">
							无
							<p class="mui-ellipsis" >
								<span class="mui-icon mui-icon-star" style="font-size:15px;color:yellow;"></span>
								<span class="mui-icon mui-icon-star" style="font-size:15px;color:yellow;"></span>
								<span class="mui-icon mui-icon-star" style="font-size:15px;background-color:yellow;"></span>
							</p>
						</div>
						<span class="mui-badge mui-badge-primary">7.4km</span>
					</a>
				</li>
				<br>
<button type="button" class="mui-btn mui-btn-block " style="line-height: 1.62;padding:0px 10px 0px 10px;border-radius:13px;font-size: 12px; font-weight: 700; border: 0px;color: blue;">
	            <a>全部记录</a><span class="mui-icon mui-icon-arrowthinright"></span>
               </button>
               <br>
			</ul>	
				
             
		</div>
		
	</body>
</html>
